<!DOCTYPE html>
<html lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> Industrial & Factory Bootstrap 5 Template</title>

    <!-- ::::::::::::::Favicon icon::::::::::::::-->
    

    <!-- ::::::::::::::All CSS Files here :::::::::::::: -->
    <!-- Vendor CSS -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/icofont.min.css"> -->

    <!-- Plugin CSS -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <link rel="stylesheet" href="assets/css/plugins/venobox.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css"> -->

    <!-- Main CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="static/css/vendor.min.css">
    <link rel="stylesheet" href="static/css/plugins.min.css">
    <link rel="stylesheet" href="static/css/style.min.css">
</head>

<body>

    <main class="main-wrapper">

        <!-- .....:::::: Start Header Section :::::.... -->
        <header class="header-section d-none d-lg-block">

            <!-- Start Header Top -->
            <div class="header-top">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Top Left  -->
                            <div class="header-top-left">
                                <p>Welcome to our company.</p>
                            </div>
                            <!-- End Header Top Left  -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Top Right  -->
                            <div class="header-top-right">
                                <p> <span class="text">Opening Hours: </span> <span>Mon - Sat </span> || <span>08:00 am
                                        - 05:00 pm</span></p>
                            </div>
                            <!-- End Header Top Right  -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Top -->

            <!-- Start Header Bottom -->
            <div class="header-bottom sticky-header">
                <div class="container">
                    <div class="row justify-content-between align-items-center">
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <div class="logo"><a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                            </div>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Logo -->
                            <ul class="header-nav">
                                <li><a href="index.html">Home</a></li>
                                <li class="has-dropdown">
                                    <a href="service-list.html">Service</a>
                                    <ul class="submenu">
                                        <li><a href="service-list.html">Services</a></li>
                                        <li><a href="service-details.html">Service Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="project-list.html">Project</a>
                                    <ul class="submenu">
                                        <li><a href="project-list.html">Project</a></li>
                                        <li><a href="project-details.html">Project Details</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="blog-list.html">Blog</a>
                                    <ul class="submenu">
                                        <li><a href="blog-list.html">Blog List Full Width</a></li>
                                        <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                        <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                        <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                        <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                        <li><a href="">Blog Details Right Sidebar</a></li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a href="#">Pages</a>
                                    <ul class="submenu">
                                        <li><a href="404-page.html">404 Page</a></li>
                                        <li><a href="price.html">Price</a></li>
                                        <li><a href="about.html">About Us</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- End Header Logo -->
                        </div>
                        <div class="col-auto">
                            <!-- Start Header Social Link -->
                            <ul class="social-link social-link-white">
                                <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                                </li>
                                <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                            </ul>
                            <!-- Start Header Social Link -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Bottom -->
        </header>
        <!-- .....:::::: End Header Section :::::.... -->

        <!-- .....:::::: Start Mobile Header Section :::::.... -->
        <div class="mobile-header d-block d-lg-none">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col">
                        <div class="mobile-logo">
                        <a href="index.html"><img src="static/picture/logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col">
                        <div class="mobile-action-link text-end">
                        <a href="#mobile-menu-offcanvas" class="offcanvas-toggle offside-menu"><i class="icofont-navigation-menu"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- .....:::::: Start MobileHeader Section :::::.... -->

        <!--  Start Offcanvas Mobile Menu Section -->
        <div id="mobile-menu-offcanvas" class="offcanvas offcanvas-rightside offcanvas-mobile-menu-section">
            <!-- Start Offcanvas Header -->
            <div class="offcanvas-header text-end">
                <button class="offcanvas-close"><i class="icofont-close-line"></i></button>
            </div> <!-- End Offcanvas Header -->
            <!-- Start Offcanvas Mobile Menu Wrapper -->
            <div class="offcanvas-mobile-menu-wrapper">
                <!-- Start Mobile Menu  -->
                <div class="mobile-menu-bottom">
                    <!-- Start Mobile Menu Nav -->
                    <div class="offcanvas-menu">
                        <ul>
                            <li>
                                <a href="index.html"><span>Home</span></a>
                            </li>
                            <li>
                                <a href="#"><span>Services</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="service-list.html">Service List</a></li>
                                    <li><a href="service-details.html">Service Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Project</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="project-list.html">Project List</a></li>
                                    <li><a href="project-details.html">Project Details</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Blog</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="blog-list.html">Blog List Full Width</a></li>
                                    <li><a href="blog-list-sidebar-left.html">Blog List Left Sidebar</a></li>
                                    <li><a href="blog-list-sidebar-right.html">Blog List Right Sidebar</a></li>
                                    <li><a href="blog-details.html">Blog Details Full Width</a></li>
                                    <li><a href="blog-details-sidebar-left.html">Blog Details Left Sidebar</a></li>
                                    <li><a href="">Blog Details Right Sidebar</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><span>Pages</span></a>
                                <ul class="mobile-sub-menu">
                                    <li><a href="404-page.html">404 Page</a></li>
                                    <li><a href="price.html">Price</a></li>
                                    <li><a href="about.html">About Us</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html"><span>Contact</span></a>
                            </li>
                        </ul>
                    </div> <!-- End Mobile Menu Nav -->
                </div> <!-- End Mobile Menu -->

                <!-- Start Mobile contact Info -->
                <div class="mobile-contact-info text-center">
                    <ul class="social-link social-link-white">
                        <li><a target="_blank" href="javascript:;"><i class="icofont-facebook"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-twitter"></i></a>
                        </li>
                        <li><a target="_blank" href="javascript:;"><i class="icofont-skype"></i></a></li>
                    </ul>
                </div>
                <!-- End Mobile contact Info -->

            </div> <!-- End Offcanvas Mobile Menu Wrapper -->
        </div> 
        <!-- ...:::: End Offcanvas Mobile Menu Section:::... -->

        <!-- Offcanvas Overlay -->
        <div class="offcanvas-overlay"></div>

        <!-- .....:::::: Start Breadcrumb Section :::::.... -->
        <div class="breadcrumb-section">
            <div class="breadcrumb-wrapper">
                <div class="image"><img src="static/picture/breadcrumb.png" alt=""></div>
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="content">
                                <h2 class="title">Blog Details</h2>
                                <ol class="breadcrumb-link">
                                    <li><a href="blog-list.html">Blog</a></li>
                                    <li class="active" aria-current="page">Blog Details Sidebar Right</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>            
            </div>
        </div>
        <!-- .....:::::: End Breadcrumb Section :::::.... -->

         <!-- .....:::::: Start Blog Details Section :::::.... -->
         <div class="blog-details-section section-inner-gap">
             <div class="blog-details-box-wrapper">
                <div class="container">
                    <div class="row flex-lg-row-reverse flex-column-reverse">
                        <div class="col-lg-4 col-xl-3">
                            <!-- Start Sidebar Area -->
                            <div class="siderbar-section">
        
                                <!-- Start Single Sidebar Widget -->
                                <div class="sidebar-single-widget">
                                    <h6 class="sidebar-title">Search</h6>
                                    <div class="default-search-style">
                                        <input class="default-search-style-input-box" type="search" placeholder="Search...">
                                        <button class="default-search-style-input-btn" type="submit"><i class="icofont-search-2"></i></button>
                                    </div>
                                </div> <!-- End Single Sidebar Widget -->
        
                                <!-- Start Single Sidebar Widget -->
                                <div class="sidebar-single-widget">
                                    <h6 class="sidebar-title">CATEGORIES</h6>
                                    <div class="sidebar-content">
                                        <ul class="sidebar-menu">
                                            <li><a href="#">Mining</a></li>
                                            <li><a href="#">Industrial</a></li>
                                            <li><a href="#">Factory</a></li>
                                            <li><a href="#">Fuel</a></li>
                                            <li><a href="#"> Uncategorized</a></li>
                                        </ul>
                                    </div>
                                </div> <!-- End Single Sidebar Widget -->
        
                                <!-- Start Single Sidebar Widget -->
                                <div class="sidebar-single-widget">
                                    <h6 class="sidebar-title">Meta</h6>
                                    <div class="sidebar-content">
                                        <ul class="sidebar-menu">
                                            <li><a href="#">Log in</a></li>
                                            <li><a href="#">Entries feed</a></li>
                                            <li><a href="#">Comments feed</a></li>
                                            <li><a href="#">WordPress.org</a></li>
                                        </ul>
                                    </div>
                                </div> <!-- End Single Sidebar Widget -->
        
                                <!-- Start Single Sidebar Widget -->
                                <div class="sidebar-single-widget">
                                    <h6 class="sidebar-title">Project CATEGORIES</h6>
                                    <div class="sidebar-content">
                                        <ul class="sidebar-menu">
                                            <li>
                                                <ul class="sidebar-menu-collapse">
                                                    <!-- Start Single Menu Collapse List -->
                                                    <li class="sidebar-menu-collapse-list">
                                                        <div class="accordion">
                                                            <a href="#" class="accordion-title collapsed" data-bs-toggle="collapse" data-bs-target="#men-fashion" aria-expanded="false">Mining <i class="icofont-simple-right"></i></a>
                                                            <div id="men-fashion" class="collapse">
                                                                <ul class="accordion-category-list">
                                                                    <li><a href="#">Coal</a></li>
                                                                    <li><a href="#">Diamond</a></li>
                                                                    <li><a href="#">Gold</a></li>
                                                                    <li><a href="#">Silver</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </li> <!-- End Single Menu Collapse List -->
                                                </ul>
                                            </li>
                                            <li><a href="#">Fuel</a></li>
                                            <li><a href="#"> Power System</a></li>
                                            <li><a href="#">Industrial</a></li>
                                            <li><a href="#">Energy</a></li>
                                            <li><a href="#">Solar Power</a></li>
                                            <li><a href="#"> Uncategorized</a></li>
                                        </ul>
                                    </div>
                                </div> <!-- End Single Sidebar Widget -->
    
                                <!-- Start Single Sidebar Widget -->
                                <div class="sidebar-single-widget">
                                    <h6 class="sidebar-title">Tags</h6>
                                    <div class="sidebar-content">
                                        <div class="tag-link">
                                            <a href="#">Mining</a>
                                            <a href="#">Power</a>
                                            <a href="#">Electricity</a>
                                            <a href="#">Minarel</a>
                                        </div>
                                    </div>
                                </div> <!-- End Single Sidebar Widget -->
        
                            </div> <!-- End Sidebar Area -->
                        </div>
                        <div class="col-lg-8 col-xl-9">
                            <!-- Start Section Content -->
                            <div class="section-content section-content-space-small">
                                <h3 class="sub-title">Business plan will help you figure out how much money you’ll need to start.</h3>
                            </div>
                            <!-- End Section Content -->

                            <!-- Start Meta Group -->
                            <div class="meta-group d-flex justify-content-between flex-wrap mb-6">
                                <!-- Left Side Meta -->
                                <div class="meta-group-left">
                                    <ul class="blog-meta meta-box">
                                        <li><a href="#" class="date icon-space-right"><i class="icofont-ui-calendar"></i> <span class="text">03.02.2023</span></a></li>
                                        <li><a href="#" class="like icon-space-right"><i class="icofont-heart"></i><span class="text">08K</span></a></li>
                                        <li><a href="#" class="comment icon-space-right"><i class="icofont-comment"></i><span class="text">15K</span></a></li>
                                    </ul>
                                </div>
                                <div class="meta-group-right">
                                    <ul class="meta-box d-flex flex-wrap">
                                        <li class="blog-tag meta-box-content">
                                            <span class="title icon-space-right"><i class="icofont-tag"></i>Tags:</span>
                                            <ul class="list-item">
                                                <li><a href="#">factory ,</a></li>
                                                <li><a href="#">industry ,</a></li>
                                                <li><a href="#">construction</a></li>
                                            </ul>
                                        </li>
                                        <li class="blog-social-link meta-box-content">
                                            <span class="title icon-space-right">Share:</span>
                                            <ul class="list-item">
                                                <li><a href="javascript:;" target="_blank"><i class="icofont-facebook"></i></a></li>
                                                <li><a href="javascript:;" target="_blank"><i class="icofont-skype"></i></a></li>
                                                <li><a href="javascript:;" target="_blank"><i class="icofont-twitter"></i></a></li>
                                                <li><a href="javascript:;" target="_blank"><i class="icofont-google-plus"></i></a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- End Meta Group -->

                            <!-- Start Default Content -->
                            <div class="default-content border-bottom-thik">
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                
                                <div class="blog-quote section-inner-bg m-tb-70">
                                <h4 class="blog-quote-text">
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dumm
                                    unknown printer took a galley of type and scrambled it to make a type specmen book It has survived not only five centuries but
                                    remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
                                    passages, and more recently including versions.
                                </h4> 
                                </div>

                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>

                                <div class="image img-responsive m-tb-70">
                                    <img src="static/picture/blog-single-11.png" alt="">
                                </div>

                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                                
                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesettin remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
                            </div>
                            <!-- End Default Content -->

                            <!-- Start Data Nav Arrow - Prev, Next -->
                            <div class="data-nav-arrow-box m-tb-70">
                                <a href="#" class="data-nav-arrow prev"><i class="icofont-simple-left"></i></a>
                                <a href="#" class="data-nav-arrow next"><i class="icofont-simple-right"></i></a>
                            </div>
                            <!-- End Data Nav Arrow - Prev, Next -->

                            <!--  Start Comment Area-->
                            <div class="comment-area ">
                                <div class="row">
                                    <div class="col-12">
                                        <!-- Start Section Content -->
                                        <div class="section-content section-content-space-small">
                                            <h3 class="sub-title">COMMENT (25)</h3>
                                        </div>
                                        <!-- End Section Content -->
                                    </div>
                                </div>

                                <div class="comment-wrapper">
                                <div class="row">
                                    <div class="col-12">
                                        <ul class="comment-group">
                                            <li class="comment-single-item">
                                                <div class="comment-box d-flex flex-column flex-lg-row align-items-start">
                                                    <div class="image">
                                                        <img src="static/picture/user-1.png" alt="">
                                                    </div>
                                                    <div class="content">
                                                        <div class="top d-flex flex-column flex-xxl-row justify-content-between align-items-xxl-center">
                                                            <div class="user-profile left">
                                                                <h3 class="name">Roberto Berry</h3>
                                                                <p class="designation text-gradient">WEB DEVELOPER</p>
                                                            </div>
                                                            <div class="right">
                                                                <span class="comment-time">02 months ago</span>
                                                                <a href="#" class="btn btn-sm btn-outline-secondary text-uppercase icon-space-right"><i class="icofont-reply"></i>REPLY NOW</a>
                                                            </div>
                                                        </div>
                                                        <div class="bottom">
                                                            <div class="default-content">
                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text unknown printer took a galley of type and scrambled it to make a type pecmen book It has survived not only five centuries but also the leap into electronic typesettin remaining essentially.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="comment-single-item comment-single-item-reply">
                                                <div class="comment-box d-flex flex-column flex-lg-row align-items-start">
                                                    <div class="image">
                                                        <img src="static/picture/user-2.png" alt="">
                                                    </div>
                                                    <div class="content">
                                                        <div class="top d-flex flex-column flex-xxl-row justify-content-between align-items-xxl-start">
                                                            <div class="user-profile left">
                                                                <h3 class="name">Krista Walters</h3>
                                                                <p class="designation text-gradient">WEB DEVELOPER</p>
                                                            </div>
                                                            <div class="right">
                                                                <span class="comment-time">02 months ago</span>
                                                                <a href="#" class="btn btn-sm btn-outline-secondary text-uppercase icon-space-right"><i class="icofont-reply"></i>REPLY NOW</a>
                                                            </div>
                                                        </div>
                                                        <div class="bottom">
                                                            <div class="default-content">
                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text unknown printer took a galley of type and scrambled it to make a type pecmen book It has survived not only five centuries but also the leap into electronic typesettin remaining essentially.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="comment-single-item comment-single-item-reply">
                                                <div class="comment-box d-flex flex-column flex-lg-row align-items-start">
                                                    <div class="image">
                                                        <img src="static/picture/user-3.png" alt="">
                                                    </div>
                                                    <div class="content">
                                                        <div class="top d-flex flex-column flex-xxl-row justify-content-between align-items-xxl-start">
                                                            <div class="user-profile left">
                                                                <h3 class="name">Ricardo Banks</h3>
                                                                <p class="designation text-gradient">WEB DEVELOPER</p>
                                                            </div>
                                                            <div class="right">
                                                                <span class="comment-time">02 months ago</span>
                                                                <a href="#" class="btn btn-sm btn-outline-secondary text-uppercase icon-space-right"><i class="icofont-reply"></i>REPLY NOW</a>
                                                            </div>
                                                        </div>
                                                        <div class="bottom">
                                                            <div class="default-content">
                                                                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard text unknown printer took a galley of type and scrambled it to make a type pecmen book It has survived not only five centuries but also the leap into electronic typesettin remaining essentially.</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                </div>
                            </div>
                            <!-- End Comment  Area-->

                            <!--  Start Comments Form -->
                            <div class="comment-form p-t-100">
                                <div class="row">
                                    <div class="col-12">
                                        <!-- Start Section Content -->
                                        <div class="section-content section-content-space-small">
                                            <h3 class="sub-title">LEAVE A COMMENTS</h3>
                                        </div>
                                        <!-- End Section Content -->
                                    </div>
                                    <div class="col-12">
                                        <div class="default-form-wrapper">
                                            <form class="form-group" action="#" method="post">
                                                <div class="row mb-n6">
                                                    <div class="col-xl-4 col-md-4 col-12 mb-6">
                                                        <!-- Start Form Group Single Item -->
                                                        <div class="form-group-single-item form-group-single-item-inner-bg">
                                                            <input type="text" placeholder="Name *" required="required">
                                                        </div>
                                                        <!-- End Form Group Single Item -->
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 col-12 mb-6">
                                                        <!-- Start Form Group Single Item -->
                                                        <div class="form-group-single-item form-group-single-item-inner-bg">
                                                            <input id="email" type="email" placeholder="Email *" required="required">
                                                        </div>
                                                        <!-- End Form Group Single Item -->
                                                    </div>
                                                    <div class="col-xl-4 col-md-4 col-12 mb-6">
                                                        <!-- Start Form Group Single Item -->
                                                        <div class="form-group-single-item form-group-single-item-inner-bg">
                                                            <input id="phone" type="tel" placeholder="Phone *" required="required">
                                                        </div>
                                                        <!-- End Form Group Single Item -->
                                                    </div>
                                                    <div class="col-12 mb-6">
                                                        <!-- Start Form Group Single Item -->
                                                        <div class="form-group-single-item form-group-single-item-inner-bg">
                                                            <textarea rows="8" placeholder="Type your comment"></textarea>
                                                        </div>
                                                        <!-- End Form Group Single Item -->
                                                    </div>
                                                    <div class="col-12 mb-6 text-center">
                                                        <button type="submit" class="btn btn-lg btn-primary"> Submit Comment </button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--  End Comments Section  -->
                        </div>
                    </div>
                </div>
             </div>
         </div>
         <!-- .....:::::: End Blog Details Section :::::.... -->
         

        <!-- .....:::::: Start Footer Section :::::.... -->
        <footer class="footer-section footer-bg">
            <!-- Start Footer Top -->
            <div class="footer-top">
                <div class="container">
                    <div class="footer-top-wrapper">
                        <!-- Start Footer Logo -->
                        <a href="index.html" class="logo">
                            <img class="img-fluid" src="static/picture/logo-dark.png" alt="">
                        </a>
                        <!-- End Footer Logo -->

                        <!-- Start Footer Newsletter -->
                        <div class="newsletter">
                            <div class="content">
                                <h4 class="title-tag text-gradient">SUBSCRIBE NOW</h4>
                                <h3 class="sub-title">GET UPDATE EVERYTHING</h3>
                            </div>
                            <div class="newsletter-form">
                                <form class="newsletter-form-group" action="#" method="post">
                                    <input type="email" placeholder="Enter your email" required="">
                                    <button class="newsletter-submit-btn text-gradient" type="submit"><i class="icofont-paper-plane"></i></button>
                                </form>
                            </div>
                        </div>
                        <!-- Start Footer Newsletter -->
                        <!-- <div class="bg-color-dark-red"></div> -->
                    </div>
                </div>
                <div class="bg-color-bold-red"></div>
            </div>
            <!-- Start Footer Top -->

            <!-- Start Footer Center -->
            <div class="footer-center section-top-space">
                <div class="container">
                    <div class="row justify-content-xl-between">
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">CONTACT US</h3>

                                <ul class="footer-about">
                                    <li>
                                        <div class="text"><span class="text-marker">Location:</span>Your address goes here.</div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Phone:</span><a href="tel:+0123456789">0123456789</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Web:</span><a href="javascript:;">www.example.com</a></div>
                                    </li>
                                    <li>
                                        <div class="text"><span class="text-marker">Email:</span> <a href="mailto:demo@example.com">demo@example.com</a> </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">RECENT NEWS</h3>

                                <ul class="footer-blog">
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    <li>
                                        <a href="blog-details.html" class="image">
                                            <img src="static/picture/blog-list-img-1.png" alt="">
                                        </a>
                                        <div class="content">
                                            <a class="title" href="blog-details.html">Lorem Ipsum simply dumme printing and type industry.</a>
                                            <span class="date">03 February, 2023</span>
                                        </div>
                                    </li>
                                    
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">OUR SERVICES</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Energy & Utilities</a></li>
                                    <li><a href="#">Industrial Manufacturing</a></li>
                                    <li><a href="#">Industrial Automation</a></li>
                                    <li><a href="#">Mechanical Engineering</a></li>
                                    <li><a href="#">Industrial Construction</a></li>
                                    <li><a href="#">Oil & Gas Energy</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-auto col-md-6 col-12">
                            <div class="footer-widget-single-item">
                                <h3 class="title">QUICK LINKS</h3>
                                <ul class="footer-nav">
                                    <li><a href="#">Company</a></li>
                                    <li><a href="#">Help Center</a></li>
                                    <li><a href="#">Management</a></li>
                                    <li><a href="#">Our Team</a></li>
                                    <li><a href="#">Career</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Center -->

            <!-- Start Footer Bottom -->
            <div class="footer-bottom ">
                <div class="container">
                    <div class="row justify-content-md-between justify-content-center align-items-center flex-column-reverse flex-md-row">
                        <div class="col-auto">
                            <div class="footer-bottom-left">
                                <div class="footer-copyright">
                                    <p class="copyright-text">Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-auto">
                            <div class="footer-bottom-right">
                                <ul class="footer-soacial">
                                    <li><a href="javascript:;" target="_blank">Facebook</a></li>
                                    <li><a href="javascript:;" target="_blank">Twitter</a></li>
                                    <li><a href="javascript:;" target="_blank">Instagram</a></li>
                                    <li><a href="javascript:;" target="_blank">LinkedIn</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Start Footer Bottom -->
        </footer>
        <!-- .....:::::: End Footer Section :::::.... -->

    </main>

    <!-- material-scrolltop button -->
    <button class="material-scrolltop" type="button"></button>


    <!-- ::::::::::::::All JS Files here :::::::::::::: -->
    <!-- Global Vendor, plugins JS -->
    <!-- <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script> -->

    <!--Plugins JS-->
    <!-- <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/material-scrolltop.js"></script>
    <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
    <script src="assets/js/plugins/images-loaded.min.js"></script>
    <script src="assets/js/plugins/isotope.pkgd.min.js"></script>
    <script src="assets/js/plugins/venobox.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/parallax.js"></script>
    <script src="assets/js/plugins/ajax-mail.js"></script>
    <script src="assets/js/plugins/waypoint.js"></script>
    <script src="assets/js/plugins/counter.js"></script> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <script src="static/js/vendor.min.js"></script>
    <script src="static/js/plugins.min.js"></script>

    <!-- Main JS -->
    <script src="static/js/main.js"></script>

</body>

</html>